<#include "base.ftl">
<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>广州久龙精品酒店</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="${base}css/sm.min.css">
    <link rel="stylesheet" href="${base}css/sm-extend.min.css">
    <link rel="stylesheet" type="text/css" href="${base}css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="${base}css/main.css">
 
  </head>

  <body>

    <div class="page-group">
      <!--侧边栏start-->
      <div class="panel-overlay"></div>
      <!-- Left Panel with Reveal effect -->
      <div class="panel panel-left panel-reveal theme-dark" id='panel-left-demo'>
        <div class="content-block">
          <!--搜索start-->
          <div class="searchbar">
            <div class="search-input">
              <label class="icon icon-search" for="search"></label>
              <input type="search" id='search' placeholder='输入关键字...' /></div>
          </div>
          <!--搜索end-->
          <p>
            <h3>广州久龙精品酒店</h3></p>
          <div class="list-block">
            <ul>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}index.html" external>首页</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}kfyd.html" external>客房预订</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}yhhd.html" external>优惠活动</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdsp.html" external>酒店视频</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdjm.html" external>酒店加盟</a>
                  </div>
                </div>
              </li>
              <li>
                <div class="item-content">
                  <div class="item-inner item-content item-link">
                    <a href="${base}jdjs.html" external>酒店相关</a>
                  </div>
                </div>
              </li>
            </ul>
          </div>
          <a href="${base}#" class="close-panel button button-big button-fill button-danger">关闭</a>
        </div>
      </div>
      <!--侧边栏end-->
      <div class="page page-current">
        <!--顶栏start-->
        <header class="bar bar-nav">
        <a class="icon icon-menu button button-link button-nav pull-left open-panel" href="javascript:;" data-panel='#panel-left-demo'></a>
        <h1 class="title"><img src="${base}img/logo.jpg">广州久龙精品酒店</h1>
        </header>
        <!--顶栏end-->

        <!--底栏start-->
        <nav class="bar bar-tab">
          <a class="tab-item active create-actions" href="#">
            <span class="icon icon-phone"></span>
            <span class="tab-label">电话咨询</span></a>
        </nav>
        <!--底栏end-->
        <div class="content native-scroll">
          <!-- Slider -->
          <div class="swiper-container swiper-container-horizontal" data-space-between="10">
            <div class="swiper-wrapper">
              <div class="swiper-slide swiper-slide-prev">
                <img src="${base}img/banner/banner1.jpg" alt=""></div>
              <div class="swiper-slide swiper-slide-active">
                <img src="${base}img/banner/banner2.jpg" alt=""></div>
              <div class="swiper-slide swiper-slide-next">
                <img src="${base}img/banner/banner3.jpg" alt=""></div>
            </div>
            <div class="swiper-pagination">
              <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
              <span class="swiper-pagination-bullet"></span>
              <span class="swiper-pagination-bullet"></span>
            </div>
          </div>
          <!--导航start-->
          <div class="buttons-tab">
            <a href="${base}index.html" class="button smallnav" external>首页</a>
            <a href="${base}kfyd.html" class="button smallnav active" external>客房预订</a>
            <a href="${base}yhhd.html" class="button smallnav" external>优惠活动</a>
            <a href="${base}jdsp.html" class="button smallnav" external>酒店视频</a>
            <a href="${base}jdjs.html" class="button smallnav" external>酒店相关</a>
            <a href="${base}jdjm.html" class="button smallnav" external>酒店加盟</a>
          </div>
          <!--导航end-->
          <div class="page-index">
            <!--搜索start-->
              <div class="content-padded grid-demo">
                <div class="search">
                  <input type="text" name="search" class="searchtext">
                  <input type="submit" class="searchsub" value="">
                </div>
              </div>
            <!--搜索end-->
            <!--列表与select控件start-->
            <div class="list-block">
              <form action="grzx12" method="post">
                <ul>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="icon icon-friends icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">住客姓名</div>
                      <div class="item-input">
                        <input type="text" placeholder="请填写您的姓名" name="account" value="${nickname}"></div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="icon icon-phone icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">联系电话</div>
                      <div class="item-input">
                        <input type="text" placeholder="请填写您的手机号码" name="tel" value="${tel}"></div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="icon icon-me icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">身份证号</div>
                      <div class="item-input">
                        <input id="idcard" type="text" placeholder="请填写您的身份证号码" name="cardNo" value="${cardNo}"> </div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="iconfont icon-jiudian icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">酒店名称</div>
                      <div class="item-input">
                        <!--手机select控件-->
                        <input type="text" placeholder="请选择规格" id="picker" disabled name="user" value="${hotelName}"></div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="iconfont icon-rili icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">入住日期</div>
                      <div class="item-input">
                        <input type="text" placeholder="请选择日期" data-toggle='date' readonly="" name="starttime1"></div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="iconfont icon-lishihangcheng icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">离店日期</div>
                      <div class="item-input">
                        <input type="text" placeholder="请选择日期" data-toggle='date' readonly="" name="endtime1"></div>
                    </div>
                  </li>
         		<li class="item-content item-link">
                    <div class="item-media">
                      <i class="icon icon-home icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">房间类型</div>
  
                      
                      <div class="item-input row">
       <#if title==1>              
                      标准单人间
 	<#elseif title==2>
 		标准双人间
 		<#elseif title==3>
 		标准三人间
 		<#elseif title==4>
 		电脑单人房
 		<#elseif title==5>
 		电脑双人房
 		<#elseif title==6>
 		麻将娱乐房	
 	</#if>
 	
 	
 	
                      </div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="iconfont icon-feiyongbaohan icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">商品金额</div>
                      <div class="item-input row">
                        
                        <div class="col-50 price">&yen;${price}</div>
                        <div class="col-50 smallfont">原价：&yen;${yuanPrice}</div>
                      </div>
                    </div>
                  </li>
                  <li class="item-content item-link">
                    <div class="item-media">
                      <i class="iconfont icon-feiyongbaohan icon-active"></i>
                    </div>
                    <div class="item-inner">
                      <div class="item-title label">支付方式     </div>
                      <div class="item-input row">
                        <input type="text" placeholder="请选择支付方式" id="pay" disabled value="   微信">
                      </div>
                    </div>
                  </li>
                </ul>
                <div class="sub">
                  <input type="submit" class="button button-big button-fill button-success" value="提交"></div>
              </form>
            </div>
            <!--列表与select控件end--></div>
        </div>
      </div>
      <script type='text/javascript' src='${base}js/zepto.min.js'></script>
      <script type='text/javascript' src='${base}js/sm.min.js'></script>
      <script type='text/javascript' src='${base}js/sm-extend.min.js'></script>
      <script type='text/javascript' src='${base}js/main.js'></script>
        <script type="text/javascript">
        //酒店选择
$("#picker").picker({
  toolbarTemplate: '<header class="bar bar-nav">\
  <button class="button button-link pull-left"></button>\
  <button class="button button-link pull-right close-picker">确定</button>\
  <h1 class="title">请选择要入住的酒店</h1>\
  </header>',
  cols: [
    {
      textAlign: 'center',
      values: ['龙里店', '绥阳店', '威宁店', '思南店', '开阳店', '石阡店','临江店', '平塘店', '贞丰店', '三穗店', '晴隆店']
    }
  ]
});
        
//支付方式
$("#pay").picker({
  toolbarTemplate: '<header class="bar bar-nav">\
  <button class="button button-link pull-left"></button>\
  <button class="button button-link pull-right close-picker">确定</button>\
  <h1 class="title">请选择付款方式</h1>\
  </header>',
  cols: [
    {
      textAlign: 'center',
      values: ['微信', '支付宝', '银行卡']
    }
  ]
});
        
        </script>
  </body>

</html>